<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		
		<!-- Stylesheets -->
		<link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/reset.css" type="text/css" />
		<link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/style.css" type="text/css" />
		 
		<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery.js"></script>  

		<title>Political Conscience</title>
	</head>
	<body>
	 <div id="fb-root"></div>
    <script>
      window.fbAsyncInit = function() {
        FB.init({appId: '212337772126810', status: true, cookie: true,
                 xfbml: true});
        FB.getLoginStatus(function(response) {
		  if (response.session) {
		    $('#fb-login-btn').html('');
		  } else {
		    
		  }
		});
      };
      (function() {
        var e = document.createElement('script');
        e.type = 'text/javascript';
        e.src = document.location.protocol +
          '//connect.facebook.net/en_US/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
      }());
     
		
	 </script>
		
		<!-- Header -->
		<div id="header">
			<div class="container"> 
				<ul id="menu">
					<li><?php echo anchor('', lang('home'), $this->uri->segment(2, '') == '' ? 'id="current"' : ''); ?></li>
					<li><?php echo anchor('welcome/mission_statement', lang('mission_statement'), $this->uri->segment(2, '') == 'mission_statement' ? 'id="current"' : ''); ?></li>
					<li><?php echo anchor('welcome/QnA', lang('QnA'), $this->uri->segment(2, '') == 'QnA' ? 'id="current"' : ''); ?></li>
					<li><?php echo anchor('welcome/news', lang('news'), $this->uri->segment(2, '') == 'news' ? 'id="current"' : ''); ?></li>
					<li><?php echo anchor('welcome/contact', lang('contact'), $this->uri->segment(2, '') == 'contact' ? 'id="current"' : ''); ?></li>
					 
				 </ul>
			</div>
		</div>
		
		<!-- Content -->
		<div id="content">
			<div class="container">
				<ul id="flags">
					
					<li>
						<a href="<?php echo site_url('welcome/change/english'); ?>" title="English">
							<img src="<?php echo base_url(); ?>assets/images/flags/gb.gif" alt="English" />
						</a>
					</li> 
					<li>
						<a href="<?php echo site_url('welcome/change/french'); ?>" title="French">
							<img src="<?php echo base_url(); ?>assets/images/flags/fr.gif" alt="French" />
						</a>
					</li>   
					<li>
						<a href="<?php echo site_url('welcome/change/arabic'); ?>" title="العربية">
							<img src="<?php echo base_url(); ?>assets/images/flags/ar.gif" alt="العربية" />
						</a>
					</li>	
					 <li>		
					 	<fb:login-button autologoutlink="true"></fb:login-button>
					</li>
				</ul>
				<?php echo $page_output . PHP_EOL; ?>
			</div>
		</div>
		 
	</body>
</html>